<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>DOM重点</title>
</head>
<body>
    1 创建 
          document.write
          innerHTML
          createElement
    2 增
          appendChild
          insertBefore
    3 删
          removeChild
    4 改
          主要修改dom的元素属性 dom元素的内容 属性 表单的值
          修改元素属性: src href title等
          修改普通元素内容：innerHTML innerText
          修改表单元素： value type disabled
          修改元素样式： style className
    5 查
          主要获取查询dom的元素
          DOM提供的方法：getElementByld  getElementsByTagName 古老方法不太推荐
          H5新增的方法：querySelector  querySelectorAll 提倡
          利用节点操作获取元素：父(parentNode) 子(children) 兄(previousElementSibling  nextElementSibling) 提倡

    6 属性操作
          主要针对于自定义属性
          setAttribute 设置DOM的属性值
          getAttribute 得到DOM的属性值
          removeAttribute 移除属性
    7 事件操作
          给元素注册事件 采取 事件源.事件类型 = 事件处理程序

          鼠标事件                      触发条件
          onclick                    鼠标单击左键触发
          onmouseover                鼠标经过触发
          onmouseout                 鼠标离开触发
          onfocus                    获得鼠标焦点触发
          onblur                     失去鼠标焦点触发
          onmousemove                鼠标移动触发
          onmouseup                  鼠标弹起触发
          onmoesedown                鼠标按下触发


</body>
</html>